<!DOCTYPE html>
<html>

<head>
    <title>我的订单</title>
    <meta charset="utf-8">
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta content="telephone=no" name="format-detection">
    <meta content="email=no" name="format-detection">
    <link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_50753_3hipdt989v6.css">
    <link rel="stylesheet" type="text/css" href="../css/base.css">
    <link rel="stylesheet" type="text/css" href="../css/animate.css">
    <link rel="stylesheet" type="text/css" href="css/style.css?id=1">
    <script src="../js/jquery.js"></script>
    <script src="../js/flexible.js"></script>
    <style>
        body {
            padding-top: .9rem;
        }

        .tabs_1 {
            background: #fff;
        }

        .link_ul {
            margin-top: .2rem;
        }

        .link_ul .right span:last-child {
            color: #999;
            font-size: .24rem;
        }

        .link_ul .right span.done {
            color: #f23030;
        }
    </style>
</head>

<body class="bgf3f2f7">
    <div class="header">
        <div class="left"><i class="iconfont icon-fanhui1" onClick="javascript:history.back(-1)"></i></div>
        <div class="middle">我的订单</div>
        <div class="right"></div>
    </div>
    <div class="centent">
        <ul class="link_ul">
            <li>
                <div class="left">
                    <span class="rows"><em>怡发门窗（红喇叭）</em><em style="font-size:.24rem;color:#999;">2018/11/28
                            10:38</em></span>
                </div>
                <div class="right">
                    <span>￥180</span>
                    <span>
                        审核中
                    </span>
                </div>
            </li>
            <li>
                <div class="left">

                    <span class="rows"><em>汇盈铜艺（范建波）</em><em style="font-size:.24rem;color:#999;">2018/11/28
                            10:38</em></span>
                </div>
                <div class="right">
                    <span>￥180</span>
                    <span class="done">
                        已结算
                    </span>
                </div>
            </li>
            <li>
                <div class="left">

                    <span class="rows"><em>安装费（东莞市华南摩尔物业有限公司）</em><em style="font-size:.24rem;color:#999;">2018/11/28
                            10:38</em></span>
                </div>
                <div class="right">
                    <span>￥180</span>
                    <span>
                        已作废
                    </span>
                </div>
            </li>
            <li>
                <div class="left">

                    <span class="rows"><em>售后费（刘德华）</em><em style="font-size:.24rem;color:#999;">2018/11/28
                            10:38</em></span>
                </div>
                <div class="right">
                    <span>￥180</span>
                    <span class="done">
                        已结算
                    </span>
                </div>
            </li>
            <li>
                <div class="left">

                    <span class="rows"><em>安装费（客户名称）</em><em style="font-size:.24rem;color:#999;">2018/11/28
                            10:38</em></span>
                </div>
                <div class="right">
                    <span>￥180</span>
                    <span>
                        未结算
                    </span>
                </div>
            </li>
            <li>
                <div class="left">

                    <span class="rows"><em>汇盈铜艺（客户名称）</em><em style="font-size:.24rem;color:#999;">2018/11/28
                            10:38</em></span>
                </div>
                <div class="right">
                    <span>￥180</span>
                    <span class="done">
                        已结算
                    </span>
                </div>
            </li>
            <div class="getmore">没有更多了~</div>
        </ul>
        <p style="padding:0.2rem;font-weight:bold">订单提交后状态变成“审核中”相当于分销订单里面的“未结算”，后台管理员可以作废和结算此订单</p>
        <div class="message">
            <p class="pic"><img src="images/tsico.png"></p>
            <p>亲，暂下单记录哦~</p>
        </div>
    </div>
</body>
<script>
    $('#tabs_1 li').click(function () {
        var index = $(this).index();
        $('.tab_con' + index).show().siblings().hide();
        $(this).addClass('on').siblings().removeClass('on');
    })
</script>

</html>